<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魔兽世界</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/wow.css">
</head>
<body>
    <header class="header">
        <nav> 
            <a href="">进入官网</a>
            <a href="">账号注册</a>
            <a href="">充值管理</a>
            <a href="">游戏下载</a>
            <a href="">客户中心</a>
            <a href="">官方论坛</a>
        </nav>
        <a href="https://wow.blizzard.cn/" class="logo">
            <h1>魔兽世界</h1>
        </a>

    </header>

    <div class="buttons">
        <a href="" class="detail">
            了解详情
        </a>
        <a href="" class="download">
            客户端下载
        </a>
    </div>

    <div class="ad clearfix">
        <div class="item">
            <div class="title">
                <h2>
                    <a href="">艾泽拉斯之心</a>
                </h2>
            </div>
            <div class="img">
                <a href="">
                    <img src="/img/艾泽拉斯之心.jpg">
                </a>
            </div>
        </div>

        <div class="item">
            <div class="title">
                <h2>
                    <a href="">决斗俱乐部</a>
                </h2>
            </div>
            <div class="img">
                <a href="">
                    <img src="/img/决斗俱乐部.jpg">
                </a>
            </div>
        </div>

        <div class="item">
            <div class="title">
                <h2>
                    <a href="">魔兽世界社区</a>
                </h2>
            </div>
            <div class="img">
                <a href="">
                    <img src="/img/魔兽世界社区.jpg">
                </a>
            </div>
        </div>

        <div class="item">
            <div class="title">
                <h2>
                    <a href="">PVP评级更新</a>
                </h2>
            </div>
            <div class="img">
                <a href="">
                    <img src="/img/PVP评级更新.jpg">
                </a>
            </div>
        </div>
    </div>
</body>
</html>